Résumé cours html


L´Hypertext Markup language, généralement abrégé HTML, est un language de description des pages web. Le principe de ce language est l'utilisation des balises.

Une balise est formée par des caractères spéciaux servant à repérer des parties de texte devant recevoir un traitement particulier. Elle est encadrée par (<) et (>).

Exemple <h1>.

Les balises HTML fonctionnent par paire et agir sur les éléments qu'elles encadrent: la balise d'ouverture <...> et la balise de fermeture</...> .

Dans un fichier HTML, la structure des balises est le même:

1.<!doctype html...>  (Déclaration du type de document)
2.<HTML>  (Obligatoire au début et à la fin du fichier HTML)

 3.<HEAD>  (En-tête d'un fichier HTML)
     <TITLE>Titre de la page</TITLE>
  </HEAD>

 4.<BODY>  (Encadre le corps d'un fichier HTML.)
     Contenu de la page
   </BODY>
	
5.</HTML>

Voici quelques exemples de balises HTML courants:

BALISE DESCRIPTION ATTRIBUTS EXEMPLE EFFET
link créer un lien vers un fichier externe (une feuille de style). type, href, rel <link href="style.css" rel="stylesheet" type="text/css"> ------------
a créer un lien hypertexte vers une autre page web ou vers une ancre. href, name, target, <a href= "http://www.machaon.fr/isn.html">site ISN </a> site ISN
p constituer un nouveau paragraphe. align, class (...)blanche neige.<p>Il était une fois </p> (...)blanche neige.

Il était une fois

u afficher le texte en souligné. ----------- <u>texte souligné</u> texte souligné
big Augmente légèrement la taille du texte. ----------- <big>texte en big</big> texte en big
small dimunuer légèrement la taille du texte ----------- <small>texte en small</small> texte en small
img ajouter une image src, border, width, height, alt, align, hspace, vspace <img src="lotus.jpg" border=0 width=140 height=70>
table créer un tableau align, border, cellpadding, cellspacing, bgcolor, width <table border="1" width="100%"><td>celulle 1</td><td>cellule 2</td></table>
celulle 1cellule 2
div regrouper des éléments pour en contrôler la structure avec des feuilles de styles id, class <div class="menu">Votre menu</div> -------------

sommaire
cours css